<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:a4j="http://richfaces.org/a4j"
                xmlns:rich="http://richfaces.org/rich"
                template="layout_3.xhtml"
                xmlns:f="http://java.sun.com/jsf/core">

    <h:outputStylesheet name="tooltip">
        .tooltip {
        background-color: #{ richSkin.generalBackgroundColor};
        border-width:3px;
        }
        .tooltip-custom-body {
        background-color: orange;
        }

        .tooltip-text {
        width: 350px;
        height: 80px;
        cursor: arrow;
        border-width: 2px;
        text-align: center;
        display: table-cell;
        vertical-align: middle;
        }

        .tooltipData {
        font-weight: bold;
        }

    </h:outputStylesheet>




    <ui:define name="content">
        <f:view>
            <h:form id="form">
                <center>
                    <a4j:commandButton  id="wyszukaj" action="#{wyszukajWplate.getListaWplat}" value="Odśwież"  render="table"/><br/><br/>
                    <rich:dataTable   value="#{wyszukajWplate.dataList}" var="item" id="table" rows="30">
                        <f:facet name="noData">
                            Odśwież aby wyświetlić wpłaty.
                        </f:facet>
                        <rich:column style="width:75px">
                            <f:facet name="header">               
                                <h:outputText value="Data wpłaty:" />
                            </f:facet>
                            <h:outputText value="#{item.data}" />
                        </rich:column>

                        <rich:column>
                            <f:facet name="header">
                                <h:outputText value="Kwota:" />
                            </f:facet>
                            <h:outputText value="#{item.kwota}" />
                        </rich:column>
                        <rich:column>
                            <f:facet name="header">
                                <h:outputText value="Id. biblioteczny:" />
                            </f:facet>
                            <h:outputText value="#{item.id}" />
                        </rich:column>
                    </rich:dataTable>
                    <rich:dataScroller for="table" maxPages="5" />   
                </center>    
                <rich:messages/>
            </h:form>
        </f:view>
    </ui:define>

</ui:composition>
